import React, { Component } from "react";
import { Breadcrumb, List, Card } from 'antd';
import axios from 'axios'

// const data = [
//     // {
//     //     title: '姓名 : 佳能',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 准子',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 棚子哥',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 磨合',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 小明',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 小红',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 赵六',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 准王五子',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 王琦',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 三八',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 小明',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 小红',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //    {
//     //     title: '姓名 : 科比',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 梅西',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : C罗',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 德罗巴',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   },
//     //   {
//     //     title: '姓名 : 兰帕德',
//     //     TEL: 1888888888,
//     //     bumen: '编辑'
//     //   }
// ];
class Wdbm extends Component {
    constructor(props){
        super(props)
            this.state={
                data:[]
            }
    }

    componentDidMount(){
        axios.post('https://www.easy-mock.com/mock/5eaa6e19fb28e01590834196/wdbm/wodebumen')
        .then((res)=>{
            console.log('axios 我的部门获取数据成功:'+JSON.stringify(res))
            this.setState({
                data:res.data.data
            })
        })
        .catch((error)=>{console.log('axios 我的部门获取数据失败:'+error)})
    }

    render() {
        return (
            <div>
                <Breadcrumb>
                    <Breadcrumb.Item>Home</Breadcrumb.Item>
                    <Breadcrumb.Item>
                        {/* <a href="">我的</a> */}
                        我的
                    </Breadcrumb.Item>
                    <Breadcrumb.Item>我的部门</Breadcrumb.Item>
                </Breadcrumb>
                <div className="xiahuaxian1"></div>
                <div className="xiahuaxian">我的部门</div>
                <div className="xiahuaxian1"></div>
                <List
                    grid={{
                        gutter: 10,
                        xl: 6
                    }}
                    dataSource={this.state.data}
                    renderItem={item => (
                        <List.Item>
                            <Card title={item.title}>角色 : {item.bumen} <br />TEL : {item.TEL}</Card>
                        </List.Item>
                        
                    )}
                />
            </div>
        )
    }
}
export default Wdbm;